<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        //放大模式
        var moduleA = (function(mod){
            var count = 10;
            function showA(){
                count++;
                alert(count);
            }
            function showB(){
                count*=10;
                alert(count);
            }
            mod.outA = showA;
            mod.outB = showB;
            return mod;
        })(moduleA||{})

        var moduleA = (function(mod){
            function showC(){
                alert("this.count");
            }
            mod.outC = showC;
            return mod;
        })(moduleA||{})

        //moduleA.outA();
        //moduleA.outB();
        //moduleA.outC();
        /*
            模块化开发的作用域：管理当前页面上引入的所有.js文件的
            <script src='js/require.js' async='true' defer data-main='js/main'></sci...>
            defer(ie兼容的异步属性) async ='true' 引入的所有.js文件 文件都是异步加载的
            data-main=''  设置文件入口
            每一个.html文件都要一个入口文件，入口文件：管理当前.html页面使用所有的.js代码
            后续引入的所有.js，后缀都可以省略    
        */
    </script>
</head>
<body>
    
</body>
</html>